@charset 'UTF-8';
@import '../../config/scss/function.scss',
'../../config/scss/config.scss';
.merchant {
    .container {
        padding-bottom: 70px;
    }
    .user-page-top {
        background-color: $c1;
        .img-circle {
            margin-top: 35px;
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }
        p {
            margin-top: 18px;
            font-size: 18px;
            color: #fff;
        }
        p:last-child {
            margin-bottom: 24px;
        }
    }
    .pinpai-content {
        color: $c2;
        margin-top: 32px;
        margin-bottom: 26px;
    }
    .user-page-btns {
        margin-top: 32px;
        margin-bottom: 26px;
        .back-btn {
            color: $c2;
            cursor: pointer;
            span {
                margin-right: 5px;
            }
        }
        button {
            border: 0;
            background-color: $c7;
            color: $c2;
            border-radius: 16px;
            &:first-child {
                margin-right: 25px;
            }
            &.active {
                background-color: $c1;
                color: #fff;
            }
        }
    }
    .orders-list {
        .list-group-item {
            padding: 34px;
            border-radius: 0;
            margin-bottom: 14px;
            .order-name,
            .order-address {
                color: $c3;
            }
            .order-info {
                color: $c2;
            }
        }
    }
    .evaluates-list {
        .table {
            th,
            td {
                padding-left: 19px;
            }
            th {
                background-color: $c13;
                color: $c2;
                border: 1px solid $c5 !important;
                border-left-width: 0 !important;
                border-right-width: 0 !important;
            }
            th:first-child {
                border-left: 1px solid $c5 !important;
            }
            th:last-child {
                border-right: 1px solid $c5 !important;
            }
            td {
                color: $c3;
                border: 1px solid $c5 !important;
                border-left-width: 0 !important;
                border-right-width: 0 !important;
                .time {
                    color: $c2;
                }
                .green-star {
                    color: $c1;
                }
                i {
                    color: $c1;
                }
            }
            tr {
                td:first-child {
                    border-left: 1px solid $c5 !important;
                }
                td:last-child {
                    border-right: 1px solid $c5 !important;
                }
            }
            .order-info:hover {
                color: $c1;
            }
        }
    }

    @media screen and (max-width: 768px) {
      .evaluates-list {
          .table {
              th,
              td {
                  padding-left: 5px;
              }
          }
      }
    }
}
